/* Package cards: show speed_popup tooltip on keyboard focus (same as desktop hover) */
#smart_packages_js .speed_price .speed_popup:focus .hover-svg,
#smart_packages_js .speed_price .speed_popup:focus-visible .hover-svg,
#smart_packages_js .speed_price .speed_popup:focus-within .hover-svg,
#smart_packages_js2 .speed_price .speed_popup:focus .hover-svg,
#smart_packages_js2 .speed_price .speed_popup:focus-visible .hover-svg,
#smart_packages_js2 .speed_price .speed_popup:focus-within .hover-svg,
#smart_packages_js3 .speed_price .speed_popup:focus .hover-svg,
#smart_packages_js3 .speed_price .speed_popup:focus-visible .hover-svg,
#smart_packages_js3 .speed_price .speed_popup:focus-within .hover-svg {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 21px !important;
  transform: translate(-47px, 17px) !important;
}

/* Keep package CTAs / popups in visible Tab focus ring */
#smart_packages_js .speed_btn:focus-visible,
#smart_packages_js2 .speed_btn:focus-visible,
#smart_packages_js3 .speed_btn:focus-visible,
#smart_packages_js .speed_more:focus-visible,
#smart_packages_js2 .speed_more:focus-visible,
#smart_packages_js3 .speed_more:focus-visible,
#smart_packages_js .speed_popup:focus-visible,
#smart_packages_js2 .speed_popup:focus-visible,
#smart_packages_js3 .speed_popup:focus-visible,
#smart_packages_js .details_anotherside-list-item-link:focus-visible,
#smart_packages_js2 .details_anotherside-list-item-link:focus-visible,
#smart_packages_js3 .details_anotherside-list-item-link:focus-visible {
  outline: 3px dashed #000 !important;
  outline-offset: 2px !important;
  border: 2px dashed #fff !important;
}

/* Packages type control: visual toggle unchanged; a11y = 2 radios */
#shmonim_page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#shmonim_page .packages-container .packages-toggle-a11y {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#shmonim_page .packages-container #toggleInput:focus-visible,
#shmonim_page .packages-container .packages-toggle-a11y input:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

#shmonim_page .packages-container .toggle-switch:has(#toggleInput:focus-visible),
#shmonim_page .packages-container .toggle-container:has(.packages-toggle-a11y input:focus-visible) .toggle-switch {
  outline: 3px dashed #000 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #fff !important;
  border-radius: 34px;
}